<template>
  <div>
    <div>{{ msg }}</div>
    <div>
      <el-form :form="formData">
        <template>
          <el-row>
            <el-col :span="formConfig.span">
              <el-form-item v-for="(label, index) in labels" :key="index" :label="label">
                <el-input></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </template>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MyForm',
  props: {
    formData: {
      type: Object,
      default: () => ({})
    },
    formConfig: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    return {
      msg: 'value'
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
